{% extends "base.html" %} {% block title %}首页{% endblock %} {% block head %}
<link href="/static/css/home/index.css?v=0.0.6.{{ now_format() }}" rel="stylesheet" /> {% endblock %} {% block content %}
<div id="container">
    <header>
        <nav>
            <div class="container">
                <div class="float-left">
                    <span class="glyphicon glyphicon-home" aria-hidden="true"></span>
                    <a href="/">首页</a>
                    <span class="glyphicon glyphicon-book" aria-hidden="true"></span>
                    <a href="/book/list">作品</a>
                </div>
                <div class="float-right">
                    {% if g.user and g.user.is_authenticated %}
                    <ul>
                        <li>
                            <a href="/user/index">
                                <img src="/static/img/upload/z_02.jpg" class="img-circle" />
                            </a>
                        </li>
                        <li>
                            <a href="/user/index">{{ g.user.name }}&nbsp;</a>
                        </li>
                        <li>
                            <a href="/account/logout?returnUrl=@returnUrl">
                                <span class="glyphicon glyphicon-log-out logout-icon" aria-hidden="true"></span>注销</a>
                        </li>
                    </ul>
                    {% else %}
                    <a href="/account/login" class="login">
                        <span class="glyphicon glyphicon-user login" aria-hidden="true"></span>登录</a>
                    <a href="/account/register">
                        <span class="glyphicon glyphicon-pencil login" aria-hidden="true"></span>注册</a>
                    {% endif %}
                </div>
            </div>
        </nav>
        <h1>{{ g.site_name }}</h1>
        <p>
            在查阅时注意到有错漏，就来参与编辑，与我们一同完善吧！
        </p>
        <div id="search" class="container">
            <div class="col-sm-2"></div>
            <div class="col-sm-8">
                <form id="search-form" role="search" action="/book/list">
                    <div class="form-group">
                        <div class="input-group">
                            <span class="input-group-btn">
                                <select name="type" class="form-control">
                                    <option>作品名称</option>
                                    <option>角色名字</option>
                                </select>
                            </span>
                            <input type="text" class="form-control" id="input-search" name="keyword" placeholder="请输入搜索内容，例如：Re:从零开始的异世界生活">
                            <span class="input-group-btn">
                                <button type="submit" class="btn btn-default" aria-label="Left Align">
                                    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                            </button>
                            </span>
                        </div>
                    </div>
                </form>
            </div>
        </div>
        <menu>
            <a href="/book/list">动画</a>
            <a href="/book/add">漫画</a>
            <a href="/book/add">游戏</a>
            <a href="/novel/list">小说</a>
        </menu>
    </header>
    <main>
        <div id="description" class="container text-center">
            <h1>欢迎您的到来</h1>
            <p class="description-title">在查阅时注意到有错漏的话，就来参与编辑，与我们一同完善吧！</p>
            <div id="description-main" class="row">
                <div class="description-info col-xs-6 col-sm-3 col-lg-3">
                    <div class="thumbnail">
                        <a href="javascript:void(0);">
                            <img src="/static/img/upload/r_11.jpg">
                        </a>
                        <div class="caption">
                            <h3>
                                <a href="javascript:void(0);">动漫</a>
                            </h3>
                            <p class="description-content">今天是星期五，一共将有 6 部新番放送。</p>
                            <p>
                                <a href="javascript:void(0);" class="btn btn-danger" role="button">查看</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="description-info col-xs-6 col-sm-3 col-lg-3">
                    <div class="thumbnail">
                        <a href="javascript:void(0);">
                            <img src="/static/img/upload/r_08.jpg">
                        </a>
                        <div class="caption">
                            <h3>
                                <a href="javascript:void(0);">人物</a>
                            </h3>
                            <p class="description-content">今天新加入了 300 个角色资料。</p>
                            <p>
                                <a href="javascript:void(0);" class="btn btn-danger" role="button">查看</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="description-info col-xs-6 col-sm-3 col-lg-3">
                    <div class="thumbnail">
                        <a href="javascript:void(0);">
                            <img src="/static/img/upload/r_02.jpg">
                        </a>
                        <div class="caption">
                            <h3>
                                <a href="javascript:void(0);">游戏</a>
                            </h3>
                            <p class="description-content">今天新加入了 21 份游戏资料。</p>
                            <p>
                                <a href="javascript:void(0);" class="btn btn-danger" role="button">查看</a>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="description-info col-xs-6 col-sm-3 col-lg-3">
                    <div class="thumbnail">
                        <a href="/fiction/list">
                            <img src="/static/img/upload/r_10.jpg">
                        </a>
                        <div class="caption">
                            <h3>
                                <a href="/fiction/list">小说</a>
                            </h3>
                            <p class="description-content">今天有 213 部小说更新，可进行查看。</p>
                            <p>
                                <a href="/fiction/list" class="btn btn-danger" role="button">查看</a>
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="container text-center">
            Copyright © 2016-{{ time_current_year() }}
            <a href="/">www.dreambook.com</a>
        </div>
    </footer>
</div>

{% endblock %}